<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/my_yuyue.css"/>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/template.js"></script>
    <script src="../js/fastclick.js"></script>
    <script src="../js/config.js"></script>
    <script src="../js/my-appoint.js"></script>
</head>
<body>
<div id="header">
    <p>我的预约</p>
    <span class="back"><a href="../html/member_index.html">返回</a></span>
</div>
<div id="main">
    <div class="tab">
        <p class="active">待支付</p>

        <p>待就诊</p>

        <p>待评价</p>

        <p>已完成</p>
    </div>
    <!--等待加载动画-->
    <div class="load"><img src="../imgs/loading.gif" alt=""/></div>
    <div class="list"></div>
</div>
<!--tip-->
<div class="tip">

    <p>确认删除本次预约吗</p>

    <div class="yes">确认</div>
    <div class="no">取消</div>
</div>
</body>
</html>
<!--待付款模版-->
<script id="listTem0" type="text/html">
    {{each data value index}}
    <ul class="pay_list">
        <li>订单号： <span>{{value.order_no}}</span> <span class="status"><i>{{value.remain>0?'':'已过期'}}</i> <span
                id="wait_time" data-remain="{{value.remain}}">
        </span></span></li>
        <li>
            <p>预约时间： <span>{{value.mark_time}}</span></p>

            <p>预约医师： <span>{{value.doctor_name}}</span></p>

            <p>预约地址： <span>{{value.mark_address}}</span></p>
        </li>
        <li>就诊人： <span>{{value.name}}</span> <span class="guahaofei">挂号费： <i>{{value.register_price}}</i></span></li>
        <li><p class="orange" data-remain="{{value.remain}}" data-order-id="{{value.id}}">支付</p>

            <p class="gray" data-id="{{value.id}}">取消</p></li>
    </ul>
    {{/each}}
</script>
<!--待就诊模版-->
<script id="listTem1" type="text/html">
    {{each data value index}}
    <ul>
        <li>订单号： <span>{{value.order_no}}</span> <span class="status"><i>{{value.remain>0?"待就诊":"已逾期"}}</i></span></li>
        <li>
            <p>预约时间： <span>{{value.date}}</span></p>

            <p>预约医师： <span>{{value.doctor_name}}</span></p>

            <p>预约地址： <span>{{value.mark_address}}</span></p>
        </li>
        <li>就诊人： <span>{{value.name}}</span> <span class="guahaofei">剩余： <i class="Remaining_time"
                                                                            data-wiat-remain="{{value.remain}}"></i></span>
        </li>
        <li><p class="orange" data-order-id="{{value.id}}">{{value.remain>0?"改签":"已逾期：请到窗口处退款"}}</p></li>
    </ul>
    {{/each}}
</script>
<!--待评价模版-->
<script id="listTem2" type="text/html">
    {{each data value index}}
    <ul>
        <li>订单号： <span>001002003</span> <span class="status"><i>待评价</i></span></li>
        <li>
            <p>预约时间： <span>{{value.updated_at}}</span></p>

            <p>预约医师： <span>{{value.doctor_name}}</span></p>

            <p>预约地址： <span>武汉北斗星耳鼻喉专科医院</span></p>
        </li>
        <li>就诊人： <span>{{value.name}}</span></li>
        <li><p class="orange evaluate" data-docid="{{value.doctor_id}}">评价</p></li>
    </ul>
    {{/each}}
</script>
<!--已完成模版-->
<script id="listTem3" type="text/html">
    {{each data value index}}
    <ul>
        <li>订单号： <span>001002003</span> <span class="status"><i>已完成</i></span></li>
        <li>
            <p>预约时间： <span>{{value.updated_at}}</span></p>

            <p>预约医师： <span>{{value.doctor_name}}</span></p>

            <p>预约地址： <span>武汉北斗星耳鼻喉专科医院</span></p>
        </li>
        <li>就诊人： <span>{{value.name}}</span></li>
    </ul>
    {{/each}}
</script>